<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8" />
    <title>工装更换</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" th:href="@{/favicon.ico}">
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <style>
        html,body{height: 100%;}
    </style>
</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header>
<!-- 页面指向 -->
<div class="page-point bg-white">
    <ul>
        <li>首页</li>
        <li>工装管理</li>
        <li>工装更换</li>
    </ul>
</div>
<!-- 菜单树 -->
<div th:replace="common/left" >
</div>
<!--主体内容-->
<div class="page-container spot-check-container">

    <div class="left-search-list">
        <h3>设备名称</h3>
        <div class="search-frame relative">
            <input autocomplete="new-password" type="text" class="eq-search" id="equipCode" placeholder="输入设备搜索"/>
            <span aria-hidden="true" class="icon-search_chaxun" id="eqSearch"></span>
        </div>
        <ul class="scroll-style" id="equipList">
        </ul>
    </div>

    <div class="right-table-box">
        <div class="container-fluid mb-20 clearfix">
            <div class="col-md-12 rlt">
                <h2 class="page-section-title">工装更换列表</h2>
                <ul class="table-tool">
                    <li id="add">
                        <span class="icon-list_add" aria-hidden="true"></span>
                        <label>新增</label>
                    </li>
                    <li id="replace">
                        <span class="icon-list_xiugai" aria-hidden="true"></span>
                        <label>更换</label>
                    </li>
                    <li id="refreshTable">
                        <span class="icon-list_shuaxin" aria-hidden="true"></span>
                        <label>刷新</label>
                    </li>

                </ul>
            </div>
        </div>

        <div class="container-fluid table-container">
            <table  id="toolReplaceTable" cellspacing="" cellpadding="">

            </table>
        </div>
    </div>
</div>

<!--新增-->
<form id="toolReplaceForm"  class="form-horizontal tool-replace-form" action="">
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">工装更换</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="form-group">
                            <label class="col-lg-3 control-label form-required form-required-5">原工装编码</label>
                            <div class="col-lg-7">
                                <input autocomplete="new-password" class="form-control" name="originToolCode"  type="text" readonly/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label "></label>
                            <div class="col-lg-7 modal-checkbox-box">
                                <label>
                                    <input autocomplete="new-password" type="checkbox" name="repair" value="1" />
                                    <span>送修</span>
                                </label>
                                <label>
                                    <input autocomplete="new-password" type="checkbox" name="scrap" value="1"/>
                                    <span>报废</span>
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label form-required form-required-5">新工装编码</label>
                            <div class="col-lg-7">
                                <select class="form-control" name="toolCode" id="toolCodeReplaceSelect">
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label form-required form-required-5">新工装名称</label>
                            <div class="col-lg-7">
                                <input autocomplete="new-password" class="form-control" type="text" name="toolName" readonly/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label form-required form-required-3">更换人</label>
                            <div class="col-lg-7">
                                <select  name="replaceUser" class="form-control replace-user" id="replaceUser">
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label form-required form-required-4">更换原因</label>
                            <div class="col-lg-7">
                                <input autocomplete="new-password" class="form-control" type="text" name="replaceReason" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label form-required form-required-4">更换时间</label>
                            <div class="col-lg-7 date-frame">
                                <input autocomplete="new-password" class="form-control form_datetime "  type="text" name="replaceDate" readonly/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label ">备注</label>
                            <div class="col-lg-7">
                                <input autocomplete="new-password" class="form-control" type="text" name="remark"/>
                            </div>
                        </div>
                        <input autocomplete="new-password" type="hidden" name="pkId" value="">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary yes">保存</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
</form>

<form id="toolAddForm"  class="form-horizontal tool-add-form" action="">
    <div class="modal fade" id="toolAddModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">新增工装</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="form-group">
                            <label class="col-lg-3 control-label form-required form-required-4">工装编码</label>
                            <div class="col-lg-7">
                                <select class="form-control" name="toolCode" id="toolCodeAddSelect">
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label form-required form-required-4">工装名称</label>
                            <div class="col-lg-7">
                                <input autocomplete="new-password" class="form-control" type="text" name="toolName" readonly/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label form-required form-required-4">工装型号</label>
                            <div class="col-lg-7">
                                <input autocomplete="new-password" class="form-control" type="text" name="toolModel" readonly/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label form-required form-required-4">工装类别</label>
                            <div class="col-lg-7">
                                <input autocomplete="new-password" class="form-control" type="text" name="toolType" readonly/>
                            </div>
                        </div>
                        <input autocomplete="new-password" type="hidden" name="pkId" value=""/>
                        <input autocomplete="new-password" type="hidden" name="equipCode" value=""/>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary yes">保存</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
</form>

<div th:replace="common/foot">
</div>

<script th:src="@{/js/tool/toolReplace.js}"></script>
</body>
</html>






